<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>

<jsp:include page="common/common.jsp"></jsp:include>
<script>
	/* 	$(function() {
	 alert("ok");
	 $("#dialog").dialog();
	 }); */
</script>

<link rel="stylesheet" href="css/web0001/web001.css" type="text/css"></link>
</head>
<body>

	<!-- 	<div id="dialog" title="Basic dialog">
		<p>This is the default dialog</p>
	</div> -->
	<div id="container">
		<div id="header">此处显示 id "header" 的内容</div>
		<div id="nav">
			<ul>
				<li><a href="#">首页</a>
				</li>
				<li class="nav_li"></li>
				<li><a href="#">产品列表</a>
					<ul>
						<li><a href="product.jsp?id=1">图书</a>
						</li>
						<li><a href="product.jsp?id=2">家用电器</a>
						</li>
						<li><a href="product.jsp?id=3">手机、数码</a>
						</li>
						<li><a href="product.jsp?id=4">电脑、办公</a>
						</li>
						<li><a href="product.jsp?id=5">家居</a>
						</li>
						<li><a href="product.jsp?id=6">服饰鞋帽</a>
						</li>
						<li><a href="product.jsp?id=7">个护化妆</a>
						</li>
						<li><a href="product.jsp?id=8">礼品箱包</a>
						</li>
						<li><a href="product.jsp?id=9">运动健康</a>
						</li>
						<li><a href="product.jsp?id=10">汽车用品</a>
						</li>
						<li><a href="product.jsp?id=11">母婴</a>
						</li>
						<li><a href="product.jsp?id=12">食品饮料</a>
						</li>
						<li><a href="product.jsp?id=13">彩票</a>
						</li>
					</ul></li>
				<li class="nav_li"></li>
				<li><a href="#">用户列表</a>
				</li>
				<li class="nav_li"></li>
				<li><a href="#">评论管理</a>
				</li>
				<li class="nav_li"></li>
				<li><a href="#">关于我们</a>
				</li>
			</ul>
		</div>
		<div id="maincontent">
			<div id="main">
				<div>产品分类</div>


				<s:iterator value="{'1','2','3','4','5','2','3','4','5'}"
					var='number' status="oe">
					<s:if test="#oe.Odd">
						<div class="product"
							style="float:left;margin-right:30px;margin-left:30px">
							<img src="images/a.jpg">
							<s:property value='#number' />
							A
						</div>
					</s:if>
					<s:if test="#oe.Even">
						<div class="product" style="margin-right:30px;margin-left:30px">
							<img src="images/a.jpg">
							<s:property value='#number' />
							A
						</div>
					</s:if>
				</s:iterator>
				<div class="nav" style="clear:both;">
					<ul style="list-style:none;">
						<li style="float: left;">上一页</li>
						<li style="float: left;">当前</li>
						<li style="float: left;">下一页</li>
					</ul>
				</div>
			</div>
			<div id="side">此处显示 id "side" 的内容</div>
		</div>
		<div class="clearfloat"></div>
		<div id="footer">此处显示 id "footer" 的内容</div>
	</div>
	</div>

</body>
</html>
